<template>
  <div class="h-100 d-flex justify-content-center pt-5">
    <div class="w-75 text-center pt-5">
      <img :src="imgurl" class="img-fluid w-50 mb-5" alt="">
      <p>{{errorStr}}</p>
    </div>
    <el-button class="btn-fixed-bottom" type="success" @click="$router.go(-1)">返回</el-button>
  </div>
</template>

<script>
  export default {
    title: '错误页面',
    name: 'error-page',
    computed: {
      imgurl () {
        return `static/${this.$route.params.type}.png`
      },
      errorStr () {
        let str = ''
        switch (this.$route.params.type) {
          case '400':
            str = '出错了！请求参数错误，无法处理...'
            break
          case '401':
            str = '出错了！未有相应权限，访问被拒绝，请重新登录后再访问...'
            break
          case '402':
            str = '出错了！你的访问被禁止了...'
            break
          case '403':
            str = '出错了！你的访问被禁止了...'
            break
          case '404':
            str = '访问路径错误！你所查找的页面不存在...'
            break
          case '405':
            str = '出错了！用来访问的 HTTP 不被允许...'
            break
          case '500':
            str = '出错了！你所访问的服务出问题了...'
            break
        }
        return str
      }
    },
  }
</script>
